VisualHMI - 字设置按钮
什么是字设置按钮?
字设置按钮控件和常应用于设置参数的递增、递减、或设置寄存器值常量值,同时还可以做按钮互斥功能
[!note|tip:注意] 1:只写
2:按钮状态:松开触摸后,被按下的按钮自动弹起
多状态指示灯和字设置按钮
字状态指示灯 | 字设置按钮 | |
---|---|---|
读/写 | 可读可写 | 只写 |
递增,状态变化 | 点击按钮,图库/文字为Sn状态 | 点击按钮,松开后,图库/文字为松开时状态 |
递减,状态变化 | 点击按钮,图库/文字为Sn状态 | 点击按钮,松开后,图库/文字为松开时状态 |
设置常量 | - | 可单独设置按下/弹起的寄存器值,设置寄存器一个值 |
本章节介绍字设置按钮的基本属性、常见应用。
- 递增/递减
- 设置常量
- 互斥应用
适用范围:VisualHMI - HMI&M系列
例程下载链接:ViusalHMI - 字设置按钮控件(点击下载)
1.属性介绍
本章节重点介绍字设置按钮的属性,窗口如下所示
1.1.功能设置
字设置按钮的功能设置,属性如下所示
写入地址:LW1000.0; LW1000的BIT0位;
开关类型 2.1.递减/递增
- 步长:每次点击按钮,变量数值按设定的步长递减/递增
- 最小值:变量的下限值;
- 最大值:变量的上限值;
- 循环调节:变量数值越界后是否可以循环
- 长按调节:
- 迟滞时间:按压时间超过此时间,识别为长按,单位ms
- 间隔时间:长按时的调节周期,单位ms
2.2.写入常量
- 常量值:点击控件写入的固定数值
2.4.点动设置
按下值:按下按钮,写入的固定数值;
松开值:松开按钮,写入的固定数值;
数据类型:UINT16、INT16、UINT32、INT32
执行时机:设置寄存器的时机
播放声音:点击控件时,播放指定的声音文件(支持wav、mp3)
1.2.状态设置
字设置按钮的“状态设置”属性,界面配置如下所示
使用图库:设置控件不同状态下的显示效果
松开时图库:松开按钮,图片显示状态;
按下时图库:按下按钮,图片显示状态;
裁剪:是否裁剪显示图片。
使用文字:设置控件不同状态下的显示效果
默认字体:显示文字的字体;
字体大小:显示字体的大小;
行间接:每行字之间的间距(如20号字体,“行间距”为2.0,每行字的间距还一个20大小的字体)
使用标签:使用标签内容作为文字显示;
选择状态:可以单独设置控件每个状态文字的内容、颜色、对齐方式、闪烁、跑马灯等属性。
2.应用案例
2.1.递增/递减
2.1.1.工程配置
在“1_递增递减”画面中,添加2个字设置按钮用于递减、递增功能,添加一个数值控件用于显示数值的变化.
【字设置按钮递增/递减】属性配置如下所示:
- 写入地址:LW1000;
- 操作模式
2.1.递减/递增
- 步长:1
- 最小值:0
- 最大值:100
- 长按调节:
- 迟滞时间:500ms
- 间隔时间:100ms
- 使用图库:√;project.xico/0 project.xico/1
【数值控件】读取地址:LW1000,属性配置:
- 读取地址:LW1000;
2.1.2.运行预览
点击↑↓按钮,数值递增/递减实时改变,运行效果如下所示
2.2.设置常量
2.2.1.工程配置
在“2_写入常量”画面中,添加4个字设置按钮,分别用于写入100、200、300、按下400,松开 0。添加一个数值控件用于显示数值的变化。
【字设置按钮-设置常量】属性配置如下所示:
- 写入常量:分别为100、200、300
- 读取地址:LW1001
【字设置按钮-点动设置】属性配置如下所示:
写入常量:400/0
读取地址:LW1001
【数值控件】属性配置,如下所示:
- 输入地址:LW1001
2.1.2.运行预览
点击写入100,数值控件显示为100,点击按下400弹起0,数值控件显示400在显示0、运行效果如下所示
2.3.按钮互斥
2.2.1.工程配置
1. 素材准备
按钮互斥是字设置按钮常见的应用,一般搭配多状态指示灯实现。本章节用场景选择来说明,如0-就餐、1-回家、2-离家、3-观影、4-工作、5-睡眠,6-阅读、7-自动。
素材准备,UI输出两张选中、不选中的效果图,如下所示
将素材添加到图库中,模式.jpg为第0帧、模式-按下.jpg第1帧,如下所示
2. 画面背景
在“3_按钮互斥”画面中,画面背景选择“待选中”的图片作为背景,即是“模式.jpg”,如下所示
3.控件配置
添加8个字设置按钮,8个多状态指示灯。用于模式选择,以“就餐”模式为例,画面配置如下所示:
就餐多状态指示灯,属性设置:
读取地址:LW1002
状态数:2
转换状态:1;0;
当LW1002=0,状态转换下,显示多状态图库0-帧数(2),第1帧
当LW1002=1,状态转换下,,显示多状态图库0-帧数(2),第0帧
若LW1002不等于0和1,如LW1002=3,“就餐”多状态指示灯将不会显示,显示画面的背景“模式.jpg”,未选中状态
使用图库:√
- 多状态图库:project.xico/0
- 裁剪:√
【就餐-字设置按钮】,属性设置如下所示:
写入地址:LW1002
操作模式:写入常量
- 常量值:0
2.3.2 运行预览
运行虚拟屏,一次点击不同模式,即选中不同模式,运行效果如下所示: